@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-size:100%; }
html { background-color: rgb(243, 243, 243); }
input, button, select, textarea { outline:none; }
textarea { resize:none; }
input[type="search"] { -webkit-appearance:none; }
body { font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif; padding:0; margin:0; font-size:14px; line-height:24px; min-height:100%; }
ul { list-style:none; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; padding:0; }
img { vertical-align:middle; margin:0; padding:0; border:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; }
/* 切换微名片 */
.slider { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; }
#main { display: inline-block; position: relative; width: 100%; }
#main:after { content: ''; display: block; margin-top: 62.5%; }
#container #dy-link { position:relative; }
.cf { line-height: 0; }
.clear { width:100%; height:1px; margin-bottom:-1px; clear:both; background:transparent; }
.logo { width:230px; padding-top:8px; }
.arrow { height:26px; padding:11px 0px 11px 6px; float:left; }
img.lazy { opacity: 1; transition: opacity .3s ease-in;
 -webkit-transition: opacity .3s ease-in;
}
.n_title { text-align: center; font-size:18px; font-weight:200; line-height:48px; color:#5b5b5d; margin-right:34px; }
.back_title { margin-right:78px; }
.line-back { color:#404040; font-size:15px; font-weight:200; float:left; margin-left:-9px; margin-right:4px; }
/* 搜索新 */
.search { background-color:#fff; height: 48px; position: relative; z-index: 300; }
.search_dy { background-color: rgb(243, 243, 243); margin-top:4px; height: 44px !important; position:inherit; }
.search_frm:after { display: none; }
.search_frm { padding: 0 10px; height: 45px; }
.search_frm_focus { padding-right: 50px !important; }
.search_btn { color: rgb(0, 122, 255); display: block; font-size: 16px; height: 45px; line-height: 45px; overflow: hidden; text-align: center; }
.search_txt { background-color:#e4eaf4; background-position: 0px 50%; background-repeat: no-repeat; background-size: 35px 35px; color:#032052; border: 0 none; border-radius: 3px; display: block; float: left; font-size: 14px; height: 35px; margin-top: 7px; padding: 0 30px 0 40px; width: 100%; }
.search_txt, .hd_search_txt { background-image: url(../images/search1.png); z-index:999; }
.search_frm, .search_txt, .hd_bar_tit, .hd_search_frm, .hd_search_txt, .hd_search_tit { box-sizing: border-box; }
/* 首页分类 */
#content { z-index:10; padding:10px 8px 14px 8px; background-color:#f3f3f3; position:relative; color:#fff; text-align:left; float:left; }
#content h1 { font-size:17px; font-weight:300; float:left; color:#fff; padding-top:18px; line-height:24px; width:60%; }
#content p { float:left; font-size:10px; line-height:12px; width:86px; color:#fff; }
.lx img { float:left; height:54px; padding: 11px 2px; }
.lx { width:49%; height:76px; background-color:#efa920; float:left; margin-bottom:8px; }
#hot { margin-top:10px; width:100%; height:80px; background:url(../image/bg1.png) no-repeat; background-size:100% 100%; float:left; }
#hot h1 { font-size:18px; font-weight:300; float:right; color:#000; padding-top:12px; padding-right:12px; line-height:24px; }
.chujing, .guonei { width:50%; padding-bottom:5px; margin-bottom:2px; background-color:none; float:left; height:80px; background-repeat:no-repeat; background-size:60px; background-position:10px 32px; }
.lx1, .lx3, .lx5 { margin-right:2%; }
.lx1 { background-color:#ffce54; border-bottom:4px solid #f6bb42; }
.lx2 { background-color:#a0d468; border-bottom:4px solid #8cc152; }
.lx3 { background-color:#48cfad; border-bottom:4px solid #37bc9b; }
.lx4 { background-color:#4fc1e9; border-bottom:4px solid #3bafda; }
.lx5 { background-color:#5d9cec; border-bottom:4px solid #4a89dc; }
.lx6 { background-color:#ac92ec; border-bottom:4px solid #967adc; }
.part { position:relative; text-align:left; float:left; width:100%; color:#333; }
.part ul { border:1px solid #d1d1d1; background-color:#fff; width:96%; padding:2%; list-style:none; float:left; }
.part ul li { width:100%; float:left; border-bottom:1px solid #d1d1d1; }
.top { padding-bottom:5px; }
.top span { border-left:4px solid #fd6d52; padding-left:3px; font-size:16px; }
.newimg { width:50px; height:50px; float:left; margin:6px 2px; background-size:auto 50px; background-position:center center; }
.part h2 { font-weight:300; font-size:16px; width:52%; float:left; padding:5px 0px 0px 4px; color:#333; }
.price { font-size:18px; color:#f97312; line-height:50px; float:right; }
.part ul li.bottom { border-bottom:none; text-align:center; color:#868c8c; font-size:14px; padding-top:4px; }
#footer { text-align:center; }
#footer a { font-size:14px; color:#979797; line-height:25px; text-shadow:1px 1px 1px #fff; }
#footer .padding { padding:0 16px; }
/* 导游 */
#dy-head { display: inline-block; position: relative; width:100%; margin-bottom:-6px; text-align:center; }
#dy-head:after { content: ''; display: block; margin-top:68%; }
#dy-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: silver; }
#dy-bg { background-size:100%; position:absolute; top:0px; width:100%; background-position:center; }
#dy-head { z-index:1001; }
#title { display: inline-block; height: 54px; line-height:54px; width:100%; color:#000; font-size:18px; font-weight:600; z-index:1002; position: absolute; left:0; text-align:center; }
#name { display: inline-block; width:100%; color:#000; font-size:17px; line-height:20px; z-index:1002; position: absolute; bottom:5%; left:0; }
#name .at { font-size:13px; }
#avatar { background-color:#fff; border-radius: 54px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); display: inline-block; height: 108px; width: 108px; margin-top:0px; z-index:1002; margin-left:auto; margin-right:auto; text-align:center; }
.avatar-wrapper { width: 100%; height: 108px; z-index:1002; position: absolute !important; top:24%; text-align:center; }
#avatar img { width:102px; height:102px; border-radius:51px; display: block; left: 3px; position: relative; top: 3px; }
#dy-link { height:80px; background-color:#fff; border-bottom:3px solid #e4eaf4; }
#dy-link img { margin:6px 5px; padding:0px 15px; float:left; border-right:1px solid #959595; }
#dy-link p { padding-top:5px; font-size:15px; text-align:left; color:#535353; line-height:20px; }
#hot-line ul li img { width:100%; height:99px; }
.tel-report{ float:left;}
@media screen and (min-width:420px) and (max-width:480px) {
 #content p {
width:120px;
}
}
@media screen and (min-width:480px) and (max-width:628px) {
 #content p {
width:130px;
}
}
@media screen and (min-width:628px) {
 body {
width:628px;
margin:0 auto;
-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.2);
box-shadow:0 0 16px rgba(0, 0, 0, 0.2);
}
/* 首页分类 */
#content h1 {
font-size:20px;
padding-top:30px;
}
 #content p {
font-size:13px;
line-height:14px;
padding-top:3px;
width:180px;
}
 #hot {
background-size:628px 150px;
height:155px;
}
 #hot h1 {
font-size:26px;
padding-top:30px;
padding-right:49px;
}
 .chujing, .guonei {
width:50%;
padding:0px;
margin:0px;
height:155px;
background-size:104px;
background-position:12px 58px;
}
 .lx img {
height:88px;
padding: 12px 6px;
}
 .lx {
width:302px;
height:110px;
}
 .lx1, .lx3, .lx5 {
margin-right:8px;
}
 .part {
width:612px;
}
 .part ul {
width:594px;
padding:8px;
}
 .top span {
padding-left:5px;
font-size:17px;
}
 .part h2 {
width:430px;
}
 .price {
font-size:20px;
line-height:56px;
padding-right:5px;
}
 #footer a {
font-size:15px;
}
/* 导游 */
#dy-bg {
height:432px;
width:628px;
background-size:628px 432px;
}
 #dy-head {
height:432px;
}
 #title {
height: 88px;
line-height:88px;
width:628px;
font-size:28px;
}
 #name {
width:628px;
font-size:25px;
line-height:38px;
}
 #name .at {
font-size:16px;
}
 #avatar {
height: 206px;
width: 206px;
border-radius:104px;
margin-left:auto;
margin-right:auto;
}
.avatar-wrapper {
width:100%;
height: 206px;
margin-top:25px;
top:16%;
}
 #avatar img {
width:198px;
height:198px;
border-radius:100px;
left:4px;
top:4px;
}
 #dy-link {
height:80px;
}
 #dy-link img {
height:60px margin:10px 20px;
padding:0px 36px;
}
 #dy-link p {
padding-top:12px;
font-size:20px;
line-height:26px;
}
}
